<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大商创商城系统 胡凌峰</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/xiajiantou/iconfont.css">
</head>

<body>
    <!-- 页头 -->
    <header>
        <div class="wrap">
            <a href="./index.html" target="_blank">
                <img src="./images/p1.jpg" alt="">
            </a>
            <span>×</span>
        </div>
    </header>
    <!-- 主体 -->
    <main>
        <!-- 头部 -->
        <section class="header">
            <div class="wrap">
                <!-- logo -->
                <a href="#" class="logo">
                    <img src="./images/p2.gif" alt="">
                </a>
                <!-- 内容 -->
                <div class="header-con">
                    <!-- 头部导航 -->
                    <div class="site-nav">
                        <!-- 左侧 -->
                        <div class="site-lf">
                            <!-- 位置 -->
                            <div class="place">
                                <div class="place-con">
                                    <i class="iconfont icon-dingwei"></i>郑州市
                                </div>
                                <div class="dorpdown">
                                </div>
                            </div>
                            <!-- 登录注册 -->
                            <div class="info">
                                <a href="#" class="login">请登录</a>
                                <a href="#" class="regist">免费注册</a>
                            </div>
                        </div>
                        <!-- 右侧 -->
                        <ul class="site-ri">
                            <li>
                                <a href="#">我的订单</a>
                            </li>
                            <li class="spacer"></li>
                            <li>
                                <a href="#">我的浏览</a>
                            </li>
                            <li class="spacer"></li>
                            <li>
                                <a href="#">我的收藏</a>
                            </li>
                            <li class="spacer"></li>
                            <li>
                                <a href="#">客户服务</a>
                            </li>
                            <li class="spacer"></li>
                            <!-- 网页导航 -->
                            <li class="daohang">
                                <div class="daohang-con">
                                    网站导航<span class="iconfont icon-xiangxiajiantou"></span>
                                </div>
                                <div class="daohang-dorp">
                                    <div class="fore1">
                                        <p>特色主题</p>
                                        <a href="#">家用电器</a>
                                        <a href="#">男装女装</a>
                                        <a href="#">鞋靴箱包</a>
                                    </div>
                                    <div class="fore2">
                                        <p>促销活动</p>
                                        <div>
                                            <a href="#">拍卖活动</a>
                                            <a href="#">共创商品</a>
                                            <a href="#">积分商城</a>
                                            <a href="#">CMS频道</a>
                                            <a href="#">优惠活动</a>
                                            <a href="#">超值礼包</a>
                                            <a href="#">优惠券</a>
                                            <a href="#">礼品卡</a>
                                            <a href="#">预售商品</a>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 搜索框 -->
                    <div class="search">
                        <input type="text" placeholder="手机">
                        <button class="goods">搜商品</button>
                        <button class="store">搜店铺</button>
                        <ul>
                            <li>
                                <a href="#">周大福</a>
                            </li>
                            <li>
                                <a href="#">内衣</a>
                            </li>
                            <li>
                                <a href="#">Five Plus</a>
                            </li>
                            <li>
                                <a href="#">手机</a>
                            </li>
                        </ul>
                        <!-- 购物车 -->
                        <div class="shopCar">
                            <a href="#">
                                <i class="iconfont icon-gouwuche"></i>
                                <span>我的购物车</span>
                                <em>0</em>
                            </a>
                            <div class="shopCar-dorp">
                                <i></i>
                                <span>购物车中还没有商品，赶紧选购吧！</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 导航 -->
        <section class="nav">
            <div class="wrap">
                <!-- 商品分类 -->
                <div class="kinds">
                    全部商品分类
                    <!-- 二级分类 -->
                    <ul class="sec-kinds">
                    </ul>
                </div>
                <!-- 导航 -->
                <nav>
                    <a href="#">首页</a>
                    <a href="#">个护美妆</a>
                    <a href="#">服装城</a>
                    <a href="#">家用电器</a>
                    <a href="#">鞋靴箱包</a>
                    <a href="#">聚划算</a>
                    <a href="#">预售</a>
                    <a href="#">店铺街</a>
                    <a href="#">品牌专区</a>
                    <a href="#">公告</a>
                </nav>
            </div>
        </section>
        <!-- 轮播 -->
        <section class="view">
            <div class="wrap">
                <!-- 轮播图 -->
                <div class="slideshow">
                    <ul class="list">
                        <li>
                            <img src="./images/p101.jpg" alt="">
                        </li>
                        <li>
                            <img src="./images/p102.jpg" alt="">
                        </li>
                        <li>
                            <img src="./images/p103.jpg" alt="">
                        </li>
                        <li>
                            <img src="./images/p104.jpg" alt="">
                        </li>
                        <li>
                            <img src="./images/p105.jpg" alt="">
                        </li>
                        <li>
                            <img src="./images/p101.jpg" alt="">
                        </li>
                    </ul>
                    <ul class="doc">
                        <li class="item on"></li>
                        <li class="item"></li>
                        <li class="item"></li>
                        <li class="item"></li>
                        <li class="item"></li>
                    </ul>
                </div>
                <!-- vip -->
                <div class="vip">
                    <!-- 登录开店 -->
                    <div class="vip-info">
                        <a href="#" class="vip-img">
                            <img src="./images/p3.png" alt="">
                        </a>
                        <div class="vip-login">
                            <span>Hi，欢迎来到大商创!</span>
                            <a href="#">请登录</a>
                            <a href="#">我要开店</a>
                        </div>
                    </div>
                    <!-- 公告促销 -->
                    <div class="vip-ntc">
                        <!-- 标题 -->
                        <div class="ntc-tit">
                            <span class="clr">公告</span>
                            <span>促销</span>
                        </div>
                        <!-- 内容 -->
                        <div class="ntc-con">
                            <ul>
                                <li>
                                    <a href="#">服务店突破2000多家</a>
                                </li>
                                <li>
                                    <a href="#">我们成为中国最大家电零售B2B2C系统</a>
                                </li>
                                <li>
                                    <a href="#">三大国际腕表品牌签约</a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href="#">春季家装季，家电买一送一</a>
                                </li>
                                <li>
                                    <a href="#">抢百元优惠券，享4.22%活期</a>
                                </li>
                                <li>
                                    <a href="#">Macbook最高返50000消费豆！</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 快捷入口 -->
                    <div class="vip-quick">
                        <div class="quick-tit">
                            快捷入口
                        </div>
                        <div class="quick-con">
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>我的浏览</span>
                                </a>
                            </div>
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>我的收藏</span>
                                </a>
                            </div>
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>我的订单</span>
                                </a>
                            </div>
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>账号安全</span>
                                </a>
                            </div>
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>我的分享</span>
                                </a>
                            </div>
                            <div class="quick-enter">
                                <a href="#">
                                    <i></i>
                                    <span>商家入驻</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- 超级品牌 -->
        <section class="superbrand">
            <div class="wrap">
                <a href="#" class="bigimg">
                    <img src="./images/p4.png" alt="">
                </a>
                <div class="superbrand-con">
                    <a href="#">
                        <img src="./images/p5.png" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p6.png" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p7.png" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p8.png" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p9.png" alt="">
                    </a>
                </div>
            </div>
        </section>
        <!-- 秒杀活动 -->
        <section class="seckill">
            <div class="wrap">
                <!-- 标题 -->
                <div class="seckill-tit">
                    <div class="seckill-titxt">
                        <span>好货大聚惠</span>
                        <span>周年庆第一波，每天5场限时秒杀</span>
                    </div>
                    <div class="seckill-tita">
                        <a href="#">
                            更多周年好货 >
                        </a>
                    </div>
                </div>
                <!-- 内容 -->
                <div class="seckill-con">
                    <div class="prev">
                        &lt;
                    </div>
                    <div class="next">
                        &gt;
                    </div>
                    <div class="horse">
                        <ul>
                        </ul>
                        <ul>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- 尖货盛典 -->
        <section class="cargo">
            <div class="wrap">
                <div class="cargo-con">
                    <a href="#">
                        <img src="./images/p25.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p26.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p27.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p28.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p29.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p30.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p31.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p32.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p33.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/p34.jpg" alt="">
                    </a>
                    <a href="#" class="cc-btm">
                        <img src="./images/p35.jpg" alt="">
                    </a>
                    <a href="#" class="cc-btm">
                        <img src="./images/p36.jpg" alt="">
                    </a>
                    <a href="#" class="cc-btm">
                        <img src="./images/p37.jpg" alt="">
                    </a>
                    <a href="#" class="cc-btm">
                        <img src="./images/p38.jpg" alt="">
                    </a>
                </div>
            </div>
        </section>
        <!-- 测试楼层 -->
        <section class="test">
            <div class="wrap">
                <div class="test-tips">
                    <span>取消选择</span>
                    <span>B比特</span>
                    <span>T同庆和堂</span>
                    <span>J金士顿</span>
                    <span>Eesprit</span>
                    <span>EELLE HOME</span>
                </div>
            </div>
        </section>
        <!-- 发现好货 -->
        <section class="find">
            <div class="wrap">
                <!-- 好货 -->
                <div class="module">
                </div>
                <!-- 推荐 -->
                <div class="module tuijian">
                </div>
            </div>
        </section>
        <!-- 商创特卖 -->
        <section class="sale">
            <div class="wrap">
            </div>
        </section>
        <!-- 活动专区 -->
        <section class="activity">
            <div class="wrap">
                <a href="#" class="act-con">
                    <span></span>
                    <p>商创生鲜</p>
                    <span></span>
                    <p>年货带回家 满199减60</p>
                    <img src="./images/p74.png" alt="">
                </a>
                <a href="#" class="act-con">
                    <span></span>
                    <p>商创众筹</p>
                    <span></span>
                    <p>备孕优孕检测仪</p>
                    <img src="./images/p75.png" alt="">
                </a>
                <a href="#" class="act-con">
                    <span></span>
                    <p>智能生活</p>
                    <span></span>
                    <p>智能爆款29.9元起</p>
                    <img src="./images/p76.png" alt="">
                </a>
                <a href="#" class="act-con">
                    <span></span>
                    <p>企业采购季</p>
                    <span></span>
                    <p>生活电器最高减900元</p>
                    <img src="./images/p77.png" alt="">
                </a>
                <a href="#" class="act-con">
                    <span></span>
                    <p>二手优品</p>
                    <span></span>
                    <p>iPhone 7P 12期免息</p>
                    <img src="./images/p78.png" alt="">
                </a>
                <a href="#" class="act-con">
                    <span></span>
                    <p>领券中心</p>
                    <span></span>
                    <p>抢1000元电脑券</p>
                    <img src="./images/p79.png" alt="">
                </a>
            </div>
        </section>
        <!-- 还没逛够 -->
        <section class="project">
            <div class="wrap">
            </div>
        </section>
    </main>
    <!-- 页尾 -->
    <footer>
        <!-- 品牌优势 -->
        <div class="footer-top">
            <div class="wrap">
                <!-- 优势 -->
                <div class="advantage">
                    <div class="advantage-con">
                        <i class="ad-img"></i>
                        <span>七天包退</span>
                    </div>
                    <div class="advantage-con">
                        <i class="ad-img ad-p"></i>
                        <span>正品保障</span>
                    </div>
                    <div class="advantage-con">
                        <i class="ad-img ad-h"></i>
                        <span>好评如潮</span>
                    </div>
                    <div class="advantage-con">
                        <i class="ad-img ad-s"></i>
                        <span>闪电发货</span>
                    </div>
                    <div class="advantage-con">
                        <i class="ad-img ad-q"></i>
                        <span>权威荣誉</span>
                    </div>
                </div>
                <!-- 联系方式 -->
                <div class="contact">
                    <div class="contact-tel">
                        <i></i>
                        <span>4001-021-758</span>
                    </div>
                    <a href="#" class="contact-kf">
                        <i></i>
                        <span>咨询客服</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="footer-main">
            <div class="wrap">
                <div class="ft-con">
                    <!-- 帮助 -->
                    <div class="ft-help">
                        <div class="help-common">
                            <span>新手上路</span>
                            <ul>
                                <li>
                                    <a href="#">售后流程</a>
                                </li>
                                <li>
                                    <a href="#">购物流程</a>
                                </li>
                                <li>
                                    <a href="#">订购方式</a>
                                </li>
                            </ul>
                        </div>
                        <div class="help-common">
                            <span>配送与支付</span>
                            <ul>
                                <li>
                                    <a href="#">货到付款区域</a>
                                </li>
                                <li>
                                    <a href="#">配送支付智能查询</a>
                                </li>
                                <li>
                                    <a href="#">支付方式说明</a>
                                </li>
                            </ul>
                        </div>
                        <div class="help-common">
                            <span>服务保证</span>
                            <ul>
                                <li>
                                    <a href="#">退换货原则</a>
                                </li>
                                <li>
                                    <a href="#">售后服务保证</a>
                                </li>
                                <li>
                                    <a href="#">产品质量保证</a>
                                </li>
                            </ul>
                        </div>
                        <div class="help-common">
                            <span>联系我们</span>
                            <ul>
                                <li>
                                    <a href="#">网站故障报告</a>
                                </li>
                                <li>
                                    <a href="#">选机咨询</a>
                                </li>
                                <li>
                                    <a href="#">投诉与建议</a>
                                </li>
                            </ul>
                        </div>
                        <div class="help-common">
                            <span>会员中心</span>
                            <ul>
                                <li>
                                    <a href="#">资金管理</a>
                                </li>
                                <li>
                                    <a href="#">我的收藏</a>
                                </li>
                                <li>
                                    <a href="#">我的订单</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- 二维码 -->
                    <div class="ft-qrcode">
                        <div class="qr-common">
                            <img src="./images/p97.jpg" alt="">
                            <span>关注微信</span>
                        </div>
                        <div class="qr-common">
                            <img src="./images/p98.jpg" alt="">
                            <span>下载APP</span>
                        </div>
                    </div>
                </div>
                <div class="ft-bot">
                    <p class="mb10">
                        <a href="#">首页</a>
                        <span></span>
                        <a href="#">隐私保护</a>
                        <span></span>
                        <a href="#">联系我们</a>
                        <span></span>
                        <a href="#">免责条款</a>
                        <span></span>
                        <a href="#">公司简介</a>
                        <span></span>
                        <a href="#">商家入驻</a>
                        <span></span>
                        <a href="#">供应商入驻</a>
                        <span></span>
                        <a href="#">意见反馈</a>
                    </p>
                    <p class="mb10">
                        <a href="#">b2b2c</a>
                        <span></span>
                        <a href="#">多用户商城系统</a>
                        <span></span>
                        <a href="#">商城系统</a>
                        <span></span>
                        <a href="#">ecjia新零售</a>
                    </p>
                    <p>
                        ICP备案证书号:<a href='#' class="tips">沪ICP备14029880号-5</a>
                    </p>
                    <p>
                        <a href="#" class="tips">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 侧边栏 -->
    <aside>
        <div class="aside">
            <div class="asider">
                <ul>
                    <li>
                        <i></i>
                        <div class="my">
                            <em></em>
                            <div class="my-msg">
                                <img src="./images/p96.jpg" alt="">
                                <div class="my-p">
                                    <p>用户名：暂无</p>
                                    <p>级 别：暂无</p>
                                </div>
                            </div>
                            <div class="my-thing">
                                <a href="#">我的订单</a>
                                <a href="#">我的收藏</a>
                            </div>
                        </div>
                    </li>
                    <li class="sCar">
                        <i></i>
                        <span>购物车</span>
                        <div>0</div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            我的订单
                            <em></em>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            优惠券
                            <em></em>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            我的资产
                            <em></em>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            我的足迹
                            <em></em>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            我的收藏
                            <em></em>
                        </div>
                    </li>
                    <li>
                        <i></i>
                        <div class="common">
                            邮箱订阅
                            <em></em>
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="kefu">
                <li>
                    <i></i>
                    <div class="common">
                        客服中心
                        <em></em>
                    </div>
                </li>
                <li class="reTop">
                    <i></i>
                </li>
            </ul>
        </div>
        <div class="buycar">
            <a href="#" class="close"></a>
            <div class="buycar-tit">
                购物车
            </div>
            <div class="buycar-con">
                <div class="buycar-tips">
                    <i></i>
                    <p>
                        购物车空空的，赶快去挑选心仪的商品吧~
                        <br>
                        <a href="./index.html">去首页看看</a>
                    </p>
                </div>
            </div>
            <div class="buycar-btm">
                <div class="count">
                    <div class="things">
                        共<span>0</span>件商品
                    </div>
                    <div class="money">
                        ¥0.00
                    </div>
                </div>
                <a href="#">去购物车结算</a>
            </div>
        </div>
    </aside>
    <!-- 楼层导航 -->
    <div class="floor">
        <div class="floor-item active">
            <span>超级品牌</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>秒杀活动</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>尖货盛典</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>测试楼层</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>发现好货</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>商创特卖</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>活动专区</span>
            <i></i>
        </div>
        <div class="floor-item">
            <span>还没逛够</span>
            <i></i>
        </div>
        <div class="totop">
            TOP<em>»</em>
        </div>
    </div>
    <script src="./js/index.js"></script>
</body>

</html>